<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <title>Document</title>
  <link rel="stylesheet" type="text/css" href="/static/client/layui/css/layui.css">
  <link rel="stylesheet" type="text/css" href="/static/client/css/main.css">
<!--加载meta IE兼容文件-->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<jsp:include page="comonent/top.jsp"/>

  <div class="about-content">
    <div class="w1000">
      <div class="item info">
        <div class="title">
          <h3>我的介绍</h3>
        </div>
        <div class="cont">
          <img src="/static/client/img/xc_img1.jpg">
          <div class="per-info">
            <p>
              <span class="name">${blogUser.name}</span><br />
              <span class="age">24岁</span><br />
              <span class="Career">设计师, 前端工程师</span><br />
              <span class="interest">爱好旅游,打游戏</span>
            </p>
          </div>
        </div>
      </div>
      <div class="item tool">
        <div class="title">
          <h3>我的技能</h3>
        </div>
        <div class="layui-fluid">
          <div class="layui-row">
            <div class="layui-col-xs6 layui-col-sm3 layui-col-md3">
              <div class="cont-box">
                <img src="/static/client/img/gr_img2.jpg">
                <p>80%</p>
              </div>
            </div>
            <div class="layui-col-xs6 layui-col-sm3 layui-col-md3">
              <div class="cont-box">
                <img src="/static/client/img/gr_img3.jpg">
                <p>80%</p>
              </div>
            </div>
            <div class="layui-col-xs6 layui-col-sm3 layui-col-md3">
              <div class="cont-box">
                <img src="/static/client/img/gr_img4.jpg">
                <p>80%</p>
              </div>
            </div>
            <div class="layui-col-xs6 layui-col-sm3 layui-col-md3">
              <div class="cont-box">
                <img src="/static/client/img/gr_img5.jpg">
                <p>80%</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="item contact">
        <div class="title">
          <h3>联系方式</h3>
        </div>
        <div class="cont">
          <img src="${blogUser.photourl}">
          <div class="text">
            <p class="qq">qq：<span>${blogUser.qq}</span></p>
          </div>
        </div>
      </div>
    </div>
  </div>



<jsp:include page="comonent/foot.jsp"/>
  <script type="text/javascript" src="../res/layui/layui.js"></script>
<%--  <script type="text/javascript">--%>
<%--    layui.config({--%>
<%--      base: '../res/js/util/'--%>
<%--    }).use(['element','laypage','form','layer','menu'],function(){--%>
<%--      element = layui.element,laypage = layui.laypage,form = layui.form,layer = layui.layer,menu = layui.menu;--%>
<%--      menu.init();--%>
<%--    })--%>
<%--  </script>--%>
</body>
</html>